<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>用户信息</title>
    <link rel="stylesheet" type="text/css" href="../layui/css/layui.css">
    <link rel="stylesheet" type="text/css" href="../css/userInfo.css">
</head>
<style>
    table tr:nth-child(4) th:last-child{
        cursor: pointer;
    }
    table tr:nth-child(5) th:last-child{
        cursor: pointer;
    }
</style>
<body>
<div class="layui-row">
    <div class="left layui-col-lg6">
        <img src="../img/cqutLog.jpg" class="head-img" alt="" id="head">
        <div class="user-info">
            <table class="layui-table">
                <colgroup>
                    <col width="200">
                    <col width="200">
                </colgroup>
                <tr>
                    <th><i class="layui-icon">&#xe770;</i><span>用户名</span></th>
                    <th id="username">username</th>
                </tr>
                <tr>
                    <th><i class="layui-icon">&#xe66e;</i><span>实名</span></th>
                    <th id="realName">name</th>
                </tr>
                <tr>
                    <th><i class="layui-icon">&#xe679;</i><span>证件号</span></th>
                    <th id="papers">52122219950205</th>
                </tr>
                <tr>
                    <th><i class="layui-icon">&#xe678;</i><span>手机号</span></th>
                    <th id="phone">13578905555</th>
                </tr>
                <tr>
                    <th><i class="layui-icon">&#xe618;</i><span>邮箱</span></th>
                    <th id="email">123456@qq.com</th>
                </tr>
                <tr>
                    <th><i class="layui-icon">&#xe683;</i><span>工号</span></th>
                    <th id="teaNo">11600001111</th>
                </tr>
                <tr>
                    <th colspan="2" id="edit"><i class="layui-icon">&#xe642;</i>修改信息</th>
                </tr>
            </table>
        </div>
    </div>
    <div class="right layui-col-lg6">
        <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
            <legend>最新公告</legend>
        </fieldset>
        <ul class="layui-timeline" id="timeline">
            <li class="layui-timeline-item">
                <i class="layui-icon layui-timeline-axis"></i>
                <div class="layui-timeline-content layui-text">
                    <h3 class="layui-timeline-title" onclick="goNotice(this)">关于调课</h3>
                    <div>
                    </div>
                    <span>2021/3/10 20:12</span>
                </div>
            </li>
            <li class="layui-timeline-item">
                <i class="layui-icon layui-timeline-axis"></i>
                <div class="layui-timeline-content layui-text">
                    <h3 class="layui-timeline-title" onclick="goNotice(this)">8月16日</h3>
                    <div>
                    </div>
                    <span>2021/3/10 20:12</span>
                </div>
            </li>
            <li class="layui-timeline-item">
                <i class="layui-icon layui-timeline-axis"></i>
                <div class="layui-timeline-content layui-text">
                    <h3 class="layui-timeline-title" onclick="goNotice(this)">8月15日</h3>
                    <div></div>
                    <span>2021/3/10 20:12</span>
                </div>
            </li>
            <li class="layui-timeline-item">
                <i class="layui-icon layui-timeline-axis"></i>
                <div class="layui-timeline-content layui-text">
                    <h3 class="layui-timeline-title"  onclick="goNotice(this)">8月15日</h3>
                    <div></div>
                    <span>2021/3/10 20:12</span>
                </div>
            </li>
            <li class="layui-timeline-item">
                <i class="layui-icon layui-timeline-axis"></i>
                <div class="layui-timeline-content layui-text">
                    <div class="layui-timeline-title" style="cursor: pointer;" onclick="goNotice(this)">历史公告</div>
                </div>
            </li>
        </ul>
    </div>
</div>
<script type="text/javascript" src="../layui/layui.js"></script>
<script type="text/javascript" src="../js/add/addUtil.js"></script>
<script type="text/javascript" src="../js/userInfo.js"></script>
</body>
</html>